html{ color: #333; 
	font-size: 12px;
	background: url('../image/public/bg.png') #f1f1f1;
}

*{ margin: 0 auto; 
	padding: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

.newTag { color: #138cf3; margin: 0 !important; }
.newTag img {  height: 14px !important; width: auto !important;}
img{ border: none; max-width: 100%;}
.imgTran{ transition: transform 0.3s; }
.imgTran:hover{ transform: scale(1.1);}

a{ text-decoration: none; }
a:link,a:visited{ color: #333; }
a:hover{ color: #29f; }

/*text*/
.tc{ text-align: center; }
.tr{ text-align: right; }
.tj{ text-align: justify; }
.tranC{ text-transform: capitalize;}
.tranU{ text-transform: uppercase;}
.tranL{ text-transform: lowercase;}
.ffa{ font-family: arial; }
.ffImp{ font-family: impact;}
@font-face {
	font-family:impact;
	src:url('../fonts/impact.eot');
	src:url('../fonts/impact.eot?#iefix') format('embedded-opentype'),url('../fonts/impact.woff') format('woff'),url('../fonts/impact.ttf') format('truetype'),url('../fonts/impact.svg#webfont34M5alKg') format('svg');
}


.pr{ position: relative; }

/*float&flex*/
.fl{ float: left; }
.fr{ float: right; }
.clear{ clear: both; }
.flex{ display: flex; 
	justify-content: space-between; 
}
.heightNull{ height: 0px !important; 
	padding: 0px !important;
}

/*font-size*/
.fz10{ font-size: 10px; }
.fz14,h3{ font-size: 14px; font-weight: normal;}
.fz16{ font-size: 16px; }
.fz18{ font-size: 18px; }
.fz20{ font-size: 20px; }
.fz24{ font-size: 24px; }
.fz32{ font-size: 32px; }
.fz36{ font-size: 36px; }
.fz48{ font-size: 48px; }

/*margin&padding*/
.mt20{ margin-top: 20px; }
.mr20{ margin-right: 20px; }
.mb20{ margin-bottom: 20px; }
.ml20{ margin-left: 20px; }
.p20{ padding: 20px; }
.mt40{ margin-top: 40px; }
.mr40{ margin-right: 40px; }
.mb40{ margin-bottom: 40px; }
.ml40{ margin-left: 40px; }
.p40{ padding: 40px; }
.m0{ margin-right: 0; 
	margin-left: 0;
}

/*background*/
.bgWhite{ background-color: #fff; }
.bgGray{ background-color: #f1f1f1; }
.bgGrayD{ background-color: #999; }
.bgDark{ background-color: #333; }
.bgRed{ background-color: #f55; }
.bgBlue{ background-color: #29f; }
.bgGreen{ background-color: #15bca3; }
.bgOrange{ background-color: #f60; }

/*color*/
.colorRed{ color: #f55; }
.colorBlack{ color: #000; }
.colorBlue{ color: #29f; }
.colorGray{ color: #999 !important; }
.colorWhite{ color: #fff; }
.colorGrayC{ color: #ccc; }
.colorOrange{ color: #f40; }
.colorGreen{ color: #15bca3; }

/*box*/
.br5{ border-radius: 5px; }
.w1200{ width: 1200px; }
.wfull{ width: 100%; }


.regular-radio,.regular-checkbox {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 18px;
	display: inline-block;
	top: 1px;
	margin-right: 5px;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 14px;
	height: 14px;
	position: absolute;
	background: url('../image/public/label_checked.png') no-repeat;
	top: 2px;
	left: 0;
}

.regular-checkbox + label {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 6px;
	border-radius: 2px;
	display: inline-block;
	top: 2px;
	margin-right: 5px;
	position: relative;
}

.regular-checkbox:checked + label:after {
	content: ' ';
	width: 14px;
	height: 14px;
	position: absolute;
	background: url('../image/public/label_checked.png') no-repeat;
	top: 2px;
	left: 0;
}

/*top*/
.top{ height: 40px; 
	background-color: #f1f1f1;
	border-bottom: 1px solid #ccc;
	color: #999;
	z-index: 10;
	position: relative;
}
.top .AppSlide{
	position: absolute;
	width: 180px;
	right: 50px;
	top: 30px;
	display: none;
}
.top .uSlide{
	position: absolute;
	width: 120px;
	left: -41px;
	top: 30px;
	display: none;
}
.top .uSlide .bgBlue p:first-child a{ padding-left: 0; }
.top_left .AppSlide .bgBlue{	padding: 10px; }
.top_left .AppSlide img{ width: 160px; 
	height: 160px;
	margin-top: 10px;
}
.top_left .AppSlide span{ width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	margin-left: 85px;
	border-bottom:8px solid #29f;
}
.top_right .uSlide span{ width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	margin-left: 45px;
	border-bottom:8px solid #29f;
}
.top_right .uSlide ul{ border-top: 1px dotted #fff; 
	border-bottom: 1px dotted #fff;
	padding: 10px 0;
}
.top_right .uSlide ul li .home{ background: url('../image/public/house.png') no-repeat; }
.top_right .uSlide ul li .order{ background: url('../image/public/shopcart.png') no-repeat; }
.top_right .uSlide ul li .course{ background: url('../image/public/tv.png') no-repeat; }
.top_right .uSlide .loginout a{ background: url('../image/public/power.png') no-repeat; }
.top_right .uSlide a{ background-position: 15px center !important; 
	padding: 0 20px 0 35px;
	height: 40px;
	line-height: 40px;
	color: #fff !important;
}

.top_right .uSlide p{ height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 20px;
}
.top_left,.top_right{ margin: 0; 
	padding-top: 11px; 
}
.top a:link,.top a:visited{ color: #999; }
.top a:hover{ color: #29f; }
.top_left span,.top_right span{ margin: 0 20px; }

.top_right .reg{ background: url('../image/public/regIcon.png') no-repeat 15px center #7a2; 
	color: #fff !important;
	padding: 8px 15px 8px 30px;
	border-radius: 20px;
	margin-right: 20px;
}
.top_right .reg:hover{ background-color: #8b2; }
.top_right span{ position: relative; }
.top_right .h-uinfo img{ width: 20px; 
	height: 20px;
	border-radius: 10px;
	margin: -2px 20px 0 0;
}
.top_right a .bgRed{ padding: 2px 5px; 
	position: absolute;
	top: -15px;
	right: -20px;
	border-radius: 5px;
}

/*header*/
header{ height: 100px; }
.logo{ width: 156px; 
	height: 58px;
	margin: 19px 0 0;
}
.logo img{ width: 156px; 
	height: 58px;
}
.search{ width: 480px; 
	height: 40px;
	margin: 20px 0 0 100px;
}
.search input[type="text"]{ width: 440px; 
	height: 40px;
	line-height: 40px;
	border-radius: 5px 0 0 5px;
	border: 1px solid #29f;
	padding: 0 10px;
}
.search input[type="submit"]{ width: 40px; 
	height: 40px;
	border: none;
	border-radius: 0 5px 5px 0;
	background: url('../image/public/queryBtn.png') no-repeat center center #29f;
	cursor: pointer;
}
.search p{ margin-top: 10px; }
.search p a{ margin: 0 15px 0 0; }
.change_city{ 
	height: 40px;
	line-height: 40px;
	margin: 30px 0 0 20px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.change_city .title{ padding: 0 20px; border-right: 1px solid #ccc; }
.change_city .content{ padding: 0 10px; }
.change_city .content a,.change_city .content span{ margin: 0 10px; }

/*nav*/
nav{ background: url('../image/public/bg.png') #29f; 
	height: 50px;
	font-weight: bold;
}
nav ul{ width: 1200px; 
	margin: 0px;
}
nav li{ min-width: 100px; margin-right: 5px;}
nav li a{ float: left; 
	width: 100%;
	line-height: 50px;
	height: 50px;
	color: #fff !important;
}
nav li .checked,nav li:hover a{ color: #29f !important; 
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	border-bottom: 5px solid rgba(255, 255, 255, .4);
	background-clip: padding-box;
	height: 45px;
	line-height: 40px;
}
nav li .navTag{ position: absolute;
	font-size: 12px;
	width: 40px;
	top: -10px;
	z-index: 1;
}
nav li .navTagA{ position: absolute;
	font-size: 12px;
	width: 90px;
	top: -10px;
}
nav li .colorRed{ left: 80px; }
nav li .colorWhite{ left: 74px; }
nav li .navTag .br5,nav li .navTagA .br5{ padding: 2px 5px; }
nav li .colorRed .br5{ background-color: #fffd78; }
nav li .colorWhite .br5{ background-color: #f55; }
nav li .navTag span,nav li .navTagA span{ width:0;
	height:0;
	border-left:0px solid transparent;
	border-right:4px solid transparent;
	margin-left: 6px;
}
nav li .colorRed span{ border-top:5px solid #fffd78;}
nav li .colorWhite span{ border-top:5px solid #f55;}

.change_project{ margin: 16px 0 0 0; }
.change_project a{ color: #f55; 
	background-color: #fffd78;
	padding: 5px 20px;
}
.change_project a:hover{ background-color: #fffea5; }
.change_project a span{ margin: 0 10px; }

/*title*/
.title{ padding-bottom: 14px; }
.title b{ padding: 0 10px 10px; 
	border-bottom: 4px solid #29f;
}

.titleW{ padding: 0 0 20px 15px; 
	border-bottom: 1px dotted #fff;
	background: url('../image/public/titleW.gif') no-repeat left 4px;
}
.titleW span{ margin: 0; }
.titleW a{ color: #fff; 
	margin: 9px 0 0 0;
}

/*titleB*/
.titleB{ border-left: 4px solid #29f; 
	padding-left: 14px;
}
/*titleG*/
.titleG{ border-left: 4px solid #15bca3; 
	padding-left: 14px;
}

/*newsBar*/
.newsBar li{ margin: 0; }
.newsBar li a img{ width: 40px; 
	height: 40px;
	border-radius: 5px;
	border: 1px solid #29f;
}
.newsBar h3{ font-size: 14px;
	color: #29f;
	font-weight: normal;
}
.newsBar li a p{ margin-top: 5px }
.newsBar .checked a{ color: #29f; }

.newsBar li .hot img{ background: url('../image/public/nicon/hot.png') no-repeat center center; }
.newsBar li .newspaper img{ background: url('../image/public/nicon/newspaper.png') no-repeat center center; }
.newsBar li .pen img{ background: url('../image/public/nicon/pen.png') no-repeat center center; }
.newsBar li .clock img{ background: url('../image/public/nicon/clock.png') no-repeat center center; }
.newsBar li .zoom img{ background: url('../image/public/nicon/zoom.png') no-repeat center center; }
.newsBar li .stats img{ background: url('../image/public/nicon/stats.png') no-repeat center center; }
.newsBar li .grid img{ background: url('../image/public/nicon/grid.png') no-repeat center center; }
.newsBar li .doc img{ background: url('../image/public/nicon/doc.png') no-repeat center center; }
.newsBar li .write img{ background: url('../image/public/nicon/write.png') no-repeat center center; }
.newsBar li .graduate img{ background: url('../image/public/nicon/graduate.png') no-repeat center center; }
.newsBar li .carrybag img{ background: url('../image/public/nicon/carrybag.png') no-repeat center center; }
.newsBar li .major img{ background: url('../image/public/nicon/list.png') no-repeat center center; }

.newsBar li .hot:hover img,.newsBar .checked .hot img{ background: url('../image/public/nicon/hotH.png') no-repeat center center #29f; }
.newsBar li .newspaper:hover img,.newsBar .checked .newspaper img{ background: url('../image/public/nicon/newspaperH.png') no-repeat center center #29f; }
.newsBar li .pen:hover img,.newsBar .checked .pen img{ background: url('../image/public/nicon/penH.png') no-repeat center center #29f; }
.newsBar li .clock:hover img,.newsBar .checked .clock img{ background: url('../image/public/nicon/clockH.png') no-repeat center center #29f; }
.newsBar li .zoom:hover img,.newsBar .checked .zoom img{ background: url('../image/public/nicon/zoomH.png') no-repeat center center #29f; }
.newsBar li .stats:hover img,.newsBar .checked .stats img{ background: url('../image/public/nicon/statsH.png') no-repeat center center #29f; }
.newsBar li .grid:hover img,.newsBar .checked .grid img{ background: url('../image/public/nicon/gridH.png') no-repeat center center #29f; }
.newsBar li .doc:hover img,.newsBar .checked .doc img{ background: url('../image/public/nicon/docH.png') no-repeat center center #29f; }
.newsBar li .write:hover img,.newsBar .checked .write img{ background: url('../image/public/nicon/writeH.png') no-repeat center center #29f; }
.newsBar li .graduate:hover img,.newsBar .checked .graduate img{ background: url('../image/public/nicon/graduateH.png') no-repeat center center #29f; }
.newsBar li .carrybag:hover img,.newsBar .checked .carrybag img{ background: url('../image/public/nicon/carrybagH.png') no-repeat center center #29f; }
.newsBar li .major:hover img,.newsBar .checked .major img{ background: url('../image/public/nicon/listH.png') no-repeat center center #29f; }

.news .swiper-container,.news .swiper-container img{
	width: 355px;
	max-width: 355px;
	height: 200px;
	max-height: 200px;
	overflow: hidden;
}

/*footer*/
/* 底部地区导航 */
.bottomCityNav{ border-bottom: 1px dotted #ccc; 
	background-color: #fff;
	font-size: 14px;
	padding-bottom: 10px;
}
.bottomCityNav .content{ padding: 10px 0 0; 
		flex-wrap: wrap;
	justify-content: start;
}
.bottomCityNav .content a{ margin: 10px 20px; }
/*页脚导航*/
.f_nav{ padding: 20px 0; }
.f_navM{ margin: 0 20px 0 0; }
.f_navM li{ background: url('../image/public/fli.png') no-repeat left center; 
	padding-left: 15px;
	line-height: 40px;
}
.f_navM ul{ margin-top: 10px; }
.f_qr{ margin: 0 0 0 200px; }
.f_qr img{ width: 120px; 
	height: 120px;
	border: 1px solid #ccc;
	padding: 5px;
}
.f_qr p{ margin-top: 5px; }
/*友情链接*/
.f_link{ background-color: rgba(255, 255, 255, .6); }
.f_link .w1200{ padding: 20px 0; }
.f_linkT{ width: 100px;
	padding-top: 5px;
}
.f_linkM{ width: 1100px; 
	border-left: 4px solid #29f;
	flex-wrap: wrap;
}
.f_linkM a{ margin: 5px 0px 5px 20px; }
.f_linkM a:link,.f_linkM a:visited{ color: #999; }
.f_linkM a:hover{ color: #29f; }
/*页脚信息*/
.footer{ padding: 20px 0; 
	font-size: 14px;
}
.footer p{ margin: 10px 0; }
.flogo{ justify-content: center; }
.flogo a{ margin: 0 5px; }
.gslogo{ border: 1px solid #ccc; 
	padding: 10px 10px 10px 50px;
	line-height: 20px;
	border-radius: 5px;
	height: 61px;
	width: 120px;
	background: url('../images/gslogo.png') no-repeat 10px center rgba(255, 255, 255, .5);
	-webkit-background-size: 30px 41px;
	background-size: 30px 41px;
}
.gslogo img{ width: 36px; 
	height: 50px;
}

/*悬浮窗*/
.floatDiv{ position: fixed; 
	top: 210px;
	right: 20px;
	z-index: 10;
}

.left-font-class{padding: 15px; border-bottom: 1px dotted #fff; margin: 0px 4px;}
.left-font-class .iconfont { font-size: 30px;}
#wechatBtn,#callBtn,#totop{ width: 60px; 
	border-bottom: 1px dotted #fff;
}
.floatDiv #totop{ border-bottom: none; }
.floatDiv a{ color: #fff; }
#totop{ padding: 10px 0; 
	cursor: pointer;
}
#wechatBtn,#callBtn{ padding: 15px 0;}
#wechatBox{ position: absolute; 
	display: none;
	left: -130px;
	top: 0;
}
#wechatBox img{ width: 120px; 
	height: 120px;
	background-color: #29f;
	padding: 10px;
	border-radius: 5px;
}
#callBox{ position: absolute; 
	display: none;
	left: -195px;
	top: 15px;
	padding: 10px;
}

.prod_badge { position:absolute; max-width: 25%; height: auto !important;}
.prod_badge_1 { left: 0; top: 0;}
.prod_badge_2 { left: 0; bottom: 0;}
.prod_badge_3 { right: 0; top: 0;}
.prod_badge_4 { right: 0; bottom: 0;}


.prod_badge_5 { left: 0; top: 0;  height: 100%; }
.prod_badge_6 { right: 0; top: 0; height: 100%;}
.prod_badge_7 { left: 0; top: 0;  width:100% !important; max-width: 100% !important; }
.prod_badge_8 { left: 0; bottom: 0; width:100% !important; max-width: 100% !important; }
.prod_badge_9 { left: 0; bottom: 0; height: 100% !important; width: 100% !important;   max-width: 100% !important;  }

/*lightbox*/
/* .lightBox{ height: 100%; 
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
.lightBoxDiv{ padding: 40px; 
	border-left: 10px solid #29f;
	margin-top: 10%;
}
.lightBoxDiv .close{ width: 18px; 
	height: 18px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.lightBoxDiv .title span{ border-bottom: 4px solid #29f; 
	padding: 0 10px 10px;
} */

/*选择项目*/
/* .c_subject{ width: 460px; }
.c_subject .content{ border-bottom: 1px dotted #ccc; 
	padding-bottom: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.c_subject .content a:link,.c_subject .content a:visited{ border: 1px solid #ccc; 
	padding: 5px 10px;
	border-radius: 5px;
	margin: 10px;
}
.c_subject .content a:hover,.c_subject .content .checked{ color: #fff; 
	background-color: #29f;
	border: 1px solid #29f !important;
}
.c_subject .content:last-child{ border-bottom: none; 
	padding-bottom: 0;
} */

/*login*/
/* .login{ width: 440px; 
	border-left: 10px solid #29f;
	border-radius: 5px;
}
.login .content li{ width: 100%; 
	margin-top: 20px;
}
.login .content .tel,.login .content .pwd{ width: 100%; 
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
}
.login .content .val{ width: 200px; 
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	border: 1px solid #ccc;
	margin: 0;
}
.login .content .valImg img{ width: 130px; 
	height: 40px;
	border-radius: 5px;
}
.login .content li .getMsg{ position: absolute; 
	top: 10px;
	right: 10px;
}
.getMsg a:link,.getMsg a:visited{ color: #29f; }
.getMsg a:hover{ color: #333; }
.login .btn{ height: 40px;
	width: 165px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #1b7ed4;
	box-shadow: 0 0 3px rgba(255, 255, 255, .8) inset;
 }
.login .btn:hover{ background-color: #138cf3; }
.login .text{ border-top: 1px dotted #ccc; 
	padding-top: 20px;
}
.login .text span{ margin: 0 10px; }
/* .login .text a:link,.login .text a:visited{ color: #999; } */
/*.login .text a:hover{ color: #29f; } */

/*提示*/
.ts{ width: 600px; }
.tst{ border-bottom: 1px dotted #ccc; 
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.ts a:link,.ts a:visited{ color: #29f; }
.ts a:hover{ color: #333; }
.ts .fz14{ line-height: 24px; }
.ts .btnP{ margin-top: 20px; 
	padding: 6px 0;
}
.ts .btn{ padding: 5px 20px;
	margin-right: 10px;
	cursor: pointer;
	border: 1px solid #1b7ed4;
	box-shadow: 0 0 3px rgba(255, 255, 255, .8) inset;
	color: #fff !important;
	font-size: 14px;
 }
.ts .btn:hover{ background-color: #138cf3; }

/*分页*/
.page{ justify-content: start; }
.page a{ background: #fff;
	margin: 0;
	padding: 10px 15px;
}
.page a:first-child{ border-radius: 5px 0 0 5px; }
.page a:last-child{ border-radius: 0 5px 5px 0; }
.pageA a:hover,.page a:hover,.page .checked{ background-color: #29f; 
	color: #fff;
}

.pageA{ justify-content: start; }
.pageA a{ background: #fff;
	width: 410px;
	height: 40px;
	line-height: 40px;
	margin: 0 20px 0 0;
	border-radius: 5px;
	padding: 0px 15px;
	overflow: hidden;
}

/*自由组合模式弹窗*/
.courseFreeNotice{ width: 540px; }
.courseFreeNotice .btn{ justify-content: center; }
.courseFreeNotice .btn a{ padding: 10px; 
	width: 200px;
	color: #fff;
	margin: 0 10px;
}
.courseFreeNotice .btn .bgBlue:hover{ background-color: #41cdfe; }
.courseFreeNotice .btn .bgGreen:hover{ background-color: #53decb; }

/*新增地址弹窗*/
.edit_address{ width: 1100px !important; border-left: 10px solid #0af; }
.edit_address table{ border-collapse: collapse; }
.edit_address td{
	padding: 10px 20px;
	border: 1px solid #ccc;
}
.edit_address td a{ color: #29f; }
.edit_address ul{ justify-content: space-between; }
.edit_address li{ margin: 0; }
.edit_address li input,.edit_address li select{ padding: 8px 10px;  }
.edit_address li input[type="text"],.edit_address li select{ border: 1px solid #ccc; }
.edit_address li input[type="submit"],.edit_address li input[type="button"]{ border: none; 
	cursor: pointer;
}
.edit_address li select{ max-width: 120px !important; }
.edit_address li input[type="submit"]:hover,.edit_address li input[type="button"]:hover{ background-color: #41cdfe; }
.edit_address li .name,.edit_address li .tel{ width: 120px; }
.edit_address li .add{ width: 240px; }


/*用户协议*/
.agreement p{ line-height: 24px; margin-top: 20px;}
.agreement .fz20{ margin-top: 0; 
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}


/* 新增推荐关键词 */
.ReKeyword{ position: absolute; 
	top: 40px;
	left: 0;
	width: 440px;
	padding: 20px 0;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	display: none;
}
.ReKeyword .fz16{ padding: 0 20px; }
.ReKeyword ul li a{ display: flex; 
 	justify-content: flex-start;
 	padding: 10px 20px;
}
.ReKeyword ul li a:hover{ background: #f1f8ff; }
.ReKeyword ul li a span{ margin: 0; 
 	background: #29f;
 	border-radius: 5px;
 	width: 20px;
 	height: 20px;
 	text-align: center;
 	color: #fff;
 	font-family: arial;
 	line-height: 20px;
 	margin-right: 10px;
}
.ReKeyword ul li:nth-child(4) a span,.ReKeyword ul li:last-child a span{ background: #9cf; }
.ReKeyword ul li a p{ margin: 0; }

/* 地区选择提示 */
.selectCityWrapper { text-align: center;}
.selectCity {
	color: #ff920f;
	font-size: 14px;
	background: #fff7ee;
	display: inline-block;
	width: auto;
	margin: 0px auto;
	padding: 10px 20px;
	border-radius: 15px; cursor:pointer; 
}
.selectCity img { margin-right: 10px; vertical-align: middle;}
.transparency { background: none !important; box-shadow: none !important;}